草庐IT

HTML5 新元素

全部标签

Javascript:找出点击了哪个元素而不附加任何事件监听器?

我对寻找解决此问题的方法感到困惑。考虑下面的html事件监听器附加到父元素。如果用户点击让我们说'child-c',有没有办法使用“myFunc”找出点击了哪个div?在本例中为“child-c”。使用纯JS或jQuery的任何可能的解决方案?如果需要更多解释,请告诉我。感谢您的帮助。-尼尚特 最佳答案 是的,使用target:function(e){//e.targetistheclickeddiv}示例:http://jsfiddle.net/Paulpro/AfA4t/ 关于Jav

javascript - 将 HTML DOM 结构转换为 JSON

我在这上面浪费了很多时间..递归部分很虚幻。对于给定的HTML结构,深度未知,我需要转换为JSON。(我在我正在构建的一些YAMLi18n翻译系统中使用它)我的一般想法是深入直到找到INPUT,然后创建一个具有span.innerHTML/input.value的键/值的对象,并返回对象,因此它将是最后一个KEY的值达到。(是的,有点复杂但是开发起来很有趣)JSBINplayground-实时代码示例我无法让我的递归函数正常工作,无法输出我想要的JSON...HTML结构footerstatementlandingpage_titlepage_sub_titlepricingtitle

javascript - 我如何判断 HTML5 音频元素是否正在使用 Javascript 播放

我在网页中有一个audio元素,我想确保用户在离开页面时不会继续播放它。如何确定页面卸载时audio元素没有播放?到目前为止,我有以下代码,但它似乎不起作用;卸载时弹出的对话框报告说playing是false即使音频正在播放也是如此:functionunloadTasks(){if(playing&&!window.confirm("Apodcastisplaying,andnavigatingawayfromthispagewillstopthat.Areyousureyouwanttogo?"))window.alert("HereiswhereIwillstopthepagefr

javascript - 在文本选择之前/之后添加元素

我正在寻找允许我在所选文本之前或之后构建一些元素的功能。类似这个的东西javascriptreplaceselectionallbrowsers但是用于在选择之前或之后添加一些内容而不是替换它,例如after()和before()jQuery方法。我应该使用某种DOM选择方法吗?如果是,是哪一种?或者是否存在更容易执行的方法? 最佳答案 这里有一对函数可以做到这一点。实例:http://jsfiddle.net/hjfVw/代码:varinsertHtmlBeforeSelection,insertHtmlAfterSelectio

javascript - 如何使用JS加载另一个html文件

我正在尝试创建一个网站,并且正在尝试弄清楚如何加载页面。例如:您单击导航器“主页”,然后单击屏幕底部,它会加载一个页面女巫文本,例如“HelloWord!”。有人知道怎么办吗?我很确定它涉及JavaScript。 最佳答案 要动态加载内容,您可以使用XMLHttpRequest()进行AJAX调用。在此示例中,一个url被传递给loadPage()函数,其中返回加载的内容。functionloadPage(href){varxmlhttp=newXMLHttpRequest();xmlhttp.open("GET",href,fal

javascript - 哪种方法选择正文元素更快?

这个问题在这里已经有了答案:HowdoyouperformancetestJavaScriptcode?(24个答案)关闭6年前。在JavaScript中使用什么可以提高性能?document.children[0].children[1]对比document.querySelector('body')哪个性能更快?

javascript - 如何通过元素选择器获取 tinyMCE 编辑器实例?

我想在使用AJAX请求创建后设置tinyMCE编辑器的内容。我在页面上有几个编辑器。所有这些都初始化为:tinymce.init({selector:'.tiny-mce'});每个编辑器都有一个不同的类来将它们彼此分开。在通过AJAX请求获取数据后,如何使用此类将内容设置到一个特定的编辑器?tinyMCE.get('.class_name')//returnsnull我正在搜索API和SO,但找不到一个函数来做这么简单的事情。编辑:我发现获取编辑器实例的方式不是很干净。创建tinyMCE时,它向元素添加了带有编辑器名称的id。现在我可以做这样的事情:varid=$('.class_n

javascript - 如何向作为 Prop 传入的 React 元素添加额外的 Prop ?

我将一个react元素作为Prop传递给另一个元素。在接收Prop的子元素中,我需要为该元素设置额外的Prop。例如:父类classMenuExtendsReact.Component{render(){return(}/>}/>}/>);}}子类classMenuItemExtendsReact.Component{render(){return({this.props.icon}//Iwanttosettheicon'ssizeprophere);}}this.props.icon是一个React元素(、等),它允许属性size.我想设置sizeMenuItem中的属性(prope

javascript - 如何使用 JavaScript 获取 HTML 节点所属的窗口对象?

由于多个iframe、XUL浏览器元素等,我的XULRunner应用程序中有许多窗口对象。我正在寻找使用JavaScript查找指定节点所属的窗口对象的最佳方法。因此,更具体地说,给定节点x,我需要找到包含x的特定窗口对象。 最佳答案 +1到你的问题,这正是我正在寻找的,感谢你通过回答自己直接给出的提示。我用谷歌搜索了一下,根据http://www.quirksmode.org/dom/w3c_html.html跨浏览器表我认为正确的答案是:functionGetOwnerWindow(html_node){/*ownerDocum

javascript - 使用 onmousedown 获取您刚刚按下鼠标的元素的 ID?

这可能吗?我正在尝试为onmousedown编写一个函数,它将返回您刚刚单击的元素的ID,以便稍后在不同的div中重新创建该元素时使用。 最佳答案 您可以使用eventdelegation,基本上只将一个事件处理程序连接到整个文档,并使用event.target获取最初调度事件的元素。:document.body.onmousedown=function(e){e=e||window.event;varelementId=(e.target||e.srcElement).id;//callyourre-createfunctionr